<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>证书库容预警明细</title>
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/DataTables/css/jquery.dataTables.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/plugs/layui/css/layui.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-iboss.min.css">
    <link rel="stylesheet" href="https://tstatic.dgg.net/static/css/dgg-plugs.min.css">
    <link rel="stylesheet" href="../../css/aptitudes.min.css">
</head>
<body>
<div class="titleSearch">
    <div class="layui-inline">
        <label>所属事业部：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="businessOrganizationId">
                <option>全部</option>
                <option value="1">成都资质事业部</option>
                <option value="2">重庆资质事业部</option>
                <option value="3">广州资质事业部</option>
                <option value="4">北京资质事业部</option>
                <option value="5">武汉资质事业部</option>
                <option value="6">深圳资质事业部</option>
                <option value="7">杭州资质事业部</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>证书类型：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="lastFollowRecordContent">
                <option>全部</option>
                <option value="1">未支付</option>
                <option value="2">已申请费用</option>
                <option value="3">已支付</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>证书专业：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="originType">
                <option>全部</option>
                <option value="1">首款</option>
                <option value="2">全款</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>证书等级：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="originType">
                <option>全部</option>
                <option value="1">一级</option>
                <option value="2">二级</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>地区：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="originType">
                <option>全部</option>
                <option value="1">成都</option>
                <option value="2">重庆</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>适用范围：</label>
        <div class="layui-input-inline">
            <select class="select-style" name="originType">
                <option>全部</option>
                <option value="1">本地</option>
                <option value="2">全国</option>
            </select>
        </div>
    </div>
    <div class="layui-inline">
        <label>关键字：</label>
        <div class="layui-input-inline">
            <input type="text" class="input-style win250"/>
        </div>
    </div>
    <div class="layui-inline">
        <button class="layui-btn layui-btn-mini layui-btn-normal">搜索</button>
        <button class="layui-btn layui-btn-mini layui-btn-primary">清空</button>
    </div>
</div>
<div class="table-conter">
    <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="earlyWarning()">库容预警设置</a>
    <a href="javascript:void(0)" class="layui-btn layui-btn-mini" onclick="earlyWarningTime()">预警时间设置</a>
</div>
<table id="myTable" class="cell-border crm-table">
</table>
<!--库容预警量设置 start-->
<div  class="content-layer layui-layer-wrap" id="earlyWarning">
    <table class="add-table form-table">
        <tbody>
        <tr>
            <th>现库容预警值：</th>
            <td>0</td>
        </tr>
        <tr>
            <th>库容预警值：</th>
            <td><input type="text" class="input-style" /></td>
        </tr>
        </tbody>
    </table>
</div>
<!--库容预警量设置 end-->
<!--预警时间设置 start-->
<div  class="content-layer layui-layer-wrap" id="earlyWarningTime">
    <div class="text-center">
        资质过期提前 <input type="text" class="input-style text-center win60"> 天，预警提示
    </div>
</div>
<!--预警时间设置 end-->
<script src="https://tstatic.dgg.net/static/plugs/jquery/jquery-1.9.1.min.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/layui/layui.all.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/jquery.dataTables.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTables.fixedColumns.min.js"></script>
<script src="https://tstatic.dgg.net/static/plugs/DataTables/js/dataTable.extend.js"></script>
<script src="https://tstatic.dgg.net/static/js/dgg-foot-base.js"></script>
<script>
    $(function () {
        $('#myTable').dataTableExtend({
            "ajax": "https://www.easy-mock.com/mock/5b601a98e5570610098cc81f/interface/table.co",
//			    	"select":true,
            "scrollX":"true",//是否开启横项滚动
            "fixedColumns":   {//锁定列，只有开启scrollX时才生效
                "leftColumns": 4,//左侧锁定2列
                // "rightColumns": 1//右侧锁定1列
            },
            "fnServerParams": function (aoData) {
                //搜索条件
                aoData.businessOrganizationId = "wait_allot";
                aoData.lastFollowRecordContent = "0";
            },
            "aoColumns": [
                {
                    "title":"序号",
                    "render": function (data, type, full, meta) {
//			                    console.log(meta.row);
                        return meta.row+1;
                    }
                },
                {
                    "title":"所属事业部",
                    "data": "businessOrganizationId",
                    "orderable": false
                },
                {
                    "title":"证书名称",
                    "data": "no",
                    "orderable": false,
                    "render": function (data, type, full, meta) {
                        return '<a href="#" class="iboss-link">'+data+'</a>';
                    }
                },
                {
                    "title":"证书类型",
                    "data": "createrName",
                    "orderable": false
                },
                {
                    "title":"证书专业",
                    "data": "lastFollowRecordUser",
                    "orderable": false
                },
                {
                    "title":"证书等级",
                    "data": "originType",
                    "orderable": false
                },
                {
                    "title":"地区",
                    "data": "createTime",
                    "orderable": false
                },
                {
                    "title":"适用范围",
                    "data": "lastFollowRecordContent",
                    "orderable": false
                },
                {
                    "title":"在库可用量",
                    "data": "lastFollowRecordContent",
                    "orderable": false
                },
                {
                    "title":"预定量",
                    "data": "lastFollowRecordContent",
                    "orderable": false
                },
                {
                    "title":"使用量",
                    "data": "lastFollowRecordContent",
                    "orderable": false
                },
                {
                    "title":"预约量",
                    "data": "lastFollowRecordContent",
                    "orderable": false
                }
            ],
        });
    });
    function earlyWarning() {
        dgg.Open({
            title: '库容预警量设置',
            content: $('#earlyWarning'),
            area: '400px',
        })
    }
    function earlyWarningTime() {
        dgg.Open({
            title: '预警时间设置',
            content: $('#earlyWarningTime'),
            area: '300px',
        })
    }
</script>
</body>
</html>